<template>
  <wd-navbar
    fixed
    :placeholder="placeholder"
    :title="title"
    :left-arrow="leftArrow"
    safe-area-inset-top
    :bordered="false"
    :custom-style="'background:' + bg"
    @click-left="handleLeftTap"
    :z-index="98"
  />
</template>

<script setup>
const props = defineProps({
  bg: {
    type: String,
    default: "#fff",
  },
  title: {
    type: String,
    default: "导航栏",
  },
  leftArrow: {
    type: Boolean,
    default: true,
  },
  placeholder: {
    type: Boolean,
    default: true,
  },
});
const handleLeftTap = () => {
  uni.navigateBack();
};
</script>

<style lang="scss" scoped>
:deep(.wd-navbar) {
  opacity: 0.93;
  background-color: #fff;
}
</style>
